<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
        <title>Recruitment Process System</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/easySlider1.5.js"></script>
        <script type="text/javascript" src="js/popup.js"></script>
        <script type="text/javascript" charset="utf-8">
            $(document).ready(function(){
                $("#slider").easySlider({
                    controlsBefore:	'<p id="controls">',
                    controlsAfter:	'</p>',
                    auto: true,
                    continuous: true
                });
            });
        </script>
        <style type="text/css">
            #slider { margin:0; padding:0; list-style:none; }
            #slider ul,
            #slider li { margin:0; padding:0; list-style:none; }
            /*
                Author: Tu Nhat Van
            */
            #slider li { width:760px; height:348px; overflow:hidden; }
            p#controls { margin:0; position:relative; }
            #prevBtn,#nextBtn { display:block; margin:0; overflow:hidden; width:13px; height:28px; position:absolute; left: -13px; top:-210px; }
            #nextBtn { left:760px; }
            #prevBtn a { display:block; width:13px; height:28px; background:url(images/l_arrow.png) no-repeat 0 0; }
            #nextBtn a { display:block; width:13px; height:28px; background:url(images/r_arrow.png) no-repeat 0 0; }
        </style>
    </head>
    <body>
        <div class="main">
            <div class="header">
                <div class="block_header">
                    <div class="logo"><a href="index.html"><img src="images/logo.jpg" width="293" height="112" border="0" alt="logo" /></a></div>
                    <div class="signin">
                        <form action="Controller" method="POST">
                            <table style="font-size:12px">
                                <tr>
                                    <td>Username</td>
                                    <td> <input type="text" name="txtUsername" style="width:100px"/> </td>
                                    <td>Password</td>
                                    <td><input type="password" name="txtPassword" style="width:100px"/></td>
                                    <td> </td>
                                    <td> <a  class="button" href="#">Login</a> <a href="#">Register ?</a> </td>
                                </tr>
                            </table>
                        </form>
                    </div>
                    <div class="clr"></div>
                    <div id="menu">
                        <ul>
                            <li><a href="index.html" class="active">Vacancies</a>
                            </li>
                            <li><a href="#"><span>Register</span></a></li>
                            <li><a href="#">Contact us</a></li>
                            <li><a href="#">About us</a>
                            </li>
                        </ul>
                    </div>
                    <div class="clr"></div>

                </div>
            </div>
            <div class="slider">
                <div class="slice1">
                    <div class="slice2" id="slider">
                        <ul>
                            <li>
                                <div>
                                    <p class="img"><img src="images/source.jpg" alt="screen 1" width="420" height="234" /></p>
                                    <h2>Source</h2>
                                    <p>
                                        <p>Collect resumes from your site and job boards like Simply Hired, Indeed and Juju</p><br />
                                        <p>Add contacts as candidates from Outlook and Google Apps</p><br/>
                                        <p>Reduce resume processing time with Resume parsing tool</p><br />
                                    </p>

                                    <p>&nbsp;</p>

                                </div>
                            </li>
                            <li>
                                <div>
                                    <p class="img"><img src="images/engage.jpg" alt="screen 2" width="420" height="234" /></p>
                                    <h2>Engage</h2>
                                    <p>
                                        <p>Reach large number of appplicants with just one click</p><br />
                                        <p>Communicate with Clients and Candidates from within Zoho Recruit</p><br/>
                                        <p>Schedule and track interviews</p><br />
                                    </p>
                                    <p>&nbsp;</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p class="img"><img src="images/manage.jpg" alt="screen 3" width="420" height="234" /></p>
                                    <h2>Manage</h2>
                                    <p>
                                        <p>Search candidates quickly</p><br />
                                        <p>Categorize jobs, candidates, clients and contacts using tags</p><br/>
                                        <p>Create custom workflows for your business needs</p><br />
                                    </p>
                                    <p>&nbsp;</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p class="img"><img src="images/integration.jpg" alt="screen 4" width="420" height="234" /></p>
                                    <h2>Integrations</h2>
                                    <p>
                                        <p>Get Clients and Contacts from Google Apps and Zoho CRM</p><br />
                                        <p>Connect with Outlook</p><br/>
                                        <p>Import events to Google Calendar</p><br />
                                    </p>
                                    <p>&nbsp;</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clr"></div>
            <div class="body">
                <div class="topi"><div class="clr"></div></div>
                <div class="body_resize">
                    <div class="product">
                        <div class="title">Vacancy list
                            <div class="search">
                                <form>
                	Search for job:
                                    <input type="text" name="txtTitle" value="Search by job title"/>
                                    <select name="cboDepartmet">
                                        <option>Department</option>
                                        <option>HR Group</option>
                                        <option>Marketing</option>
                                        <option>Business</option>
                                        <option>IT group</option>
                                    </select>
                                    <a href="#" style="color:#E0EFF8;font-size:14px" > ->Search</a>
                                </form>
                            </div>
                        </div>
                        <!-- <div class="mini-product">
                                 <div class="product-info">
                                     <div class="product-title">Ban nha gap</div>
                                     <div class="product-content">Ban nha mat tien.So nha 57/57 ,KP2,P.Linh Chieu,Q.ThuDuc,TP.HCM</div>
                                     <div class="product-contact">Lien he anh Jun.SDT 01202540043</div>
                                 </div>
                             </div>-->

                        <br/>

                        <table class="table" cellspacing="0">
                            <thead>
                                <tr>
                                    <th width="7%" style="-moz-border-radius-topleft:10px"></th>
                                    <th width="24%" scope="col" >Job title</th>
                                    <th width="15%" scope="col">Department</th>
                                    <th width="11%" scope="col">Salary</th>
                                    <th width="7%" scope="col">Slot</th>
                                    <th width="18%" scope="col">Start Date</th>
                                    <th width="18%" scope="col" style="-moz-border-radius-topright:10px">End Date</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <th colspan="7" align="center"><a href="#">First</a>|<a href="#">Prev</a>|<a href="#">Next</a>|<a href="#">Last</a>
                                </th>
                                <td width="0%"></tfoot>
                            <tbody>

                                <tr class="row">
                                    <td><button name="btnRegister"  class="apply-button" title="Apply this vacancy"/></td>
                                    <td><a href="#" title="Manufacturing Manager">Manufacturing Manager </a></td>
                                    <td><p>HR</p> </td>
                                    <td><p>1,200 - 1,500</p></td>
                                    <td><p>15</p></td>
                                    <td><p>19/03/2012</p> </td>
                                    <td><p>25/03/2012 </p></td>
                                </tr>
                                <tr>
                                    <td><button name="btnRegister"  class="apply-button" title="Apply this vacancy"/></td>
                                    <td><a href="#" title="Manufacturing Manager">Manufacturing Manager </a></td>
                                    <td><p>IT</p> </td>
                                    <td><p>1,200 - 1,500</p></td>
                                    <td><p>15</p></td>
                                    <td><p>19/03/2012</p> </td>
                                    <td><p>25/03/2012 </p></td>
                                </tr>
                                <tr class="row">
                                    <td><button name="btnRegister"  class="apply-button" title="Apply this vacancy"/></td>
                                    <td><a href="#" title="Manufacturing Manager">Manufacturing Manager </a></td>
                                    <td><p>HR</p> </td>
                                    <td><p>1,200 - 1,500</p></td>
                                    <td><p>15</p></td>
                                    <td><p>19/03/2012</p> </td>
                                    <td><p>25/03/2012 </p></td>
                                </tr>
                            </tbody>
                        </table>

                    </div>
                </div>
                <div class="footer">
                    <div class="resize">
                        <div>
                            <p class="footer_logo">&nbsp;</p>
                            <p>Copyright © JunF. All Rights Reserved<br />
                                <a href="index.html">Home</a> | <a href="contact.html">Contact</a></p>
                        </div>
                    </div>
                    <p class="clr"></p>
                </div>
            </div>
        </div>
    </body>
</html>